<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		$.ajax()
		$.get(url, function(response) {})：需要传值则在url中的?key=value&key1=value1
			response，就是从url指向的服务得到的响应结果，一般是json格式
		$.post(url, 表单数据, function(response) {})
		url：http://localhost:8080/demo
			http://  指的是协议
			localhost：是ip地址，用来找电脑的
			8080   端口号，端口号是用来找电脑上的程序，所以一端口号只能被一个程序占用
			demo   访问程序的哪个功能
		跨域：只有JS才有，就是前端在一个服务器，后台程序在另一个服务器，就会有跨域的问题。
			一般在后台中解决。另一种就是让前端程序和后台程序在同一个服务器中
		JavaScript前端，是必须依赖浏览器执行的，所以没有操作电脑上文件的写入能力，但有读取能力。
		<form>
			<input type="text" name="account" />
			<input type="password" name="password" />
			<input type="checkbox" name="cb_rem" value="1" />记住密码
			<br>
			<input type="radio" name="type" value="1" />管理员
			<input type="radio" name="type" value="2" />学生
			<input type="radio" name="type" value="3" />教师
			<br>
			<select name="aihao">
				<option value="1">篮球</option>
				<option value="2">足球</option>
				<option value="3">星球</option>
			</select>
			<button type="button">提交</button>
		</form>
		<span></span>
		<script type="text/javascript">
			$(function() {
				$("button").click(function() {
					//获取表单的内容
					console.log($("form").serialize());
					//表单提交
					// $("form").submit();
					$.post("http://localhost:8080/demo", {
						account: $("input[name='account']").val(), 
						password: $("input[name='password']").val()
					}, function(res) {
						console.log(res);
						$("span").text(res);
					})
				});
			});
		</script>
	</body>
</html>
